import {
    init,
    classModule,
    propsModule,
    styleModule,
    eventListenersModule,
    // h,
  } from "snabbdom";
  
  const patch = init([
    // Init patch function with chosen modules
    classModule, // makes it easy to toggle classes
    propsModule, // for setting properties on DOM elements
    styleModule, // handles styling on elements with support for animations
    eventListenersModule, // attaches event listeners
  ]);
  
  const container = document.getElementById("container");
  
//   const vNode1 = h('ul',{
//       class:{'red':true},
//       style:{
//         //   'background':'red'
//         color:'red'
//       },
//       on:{
//           click:function(){
//               alert(111)
//           }
//       }
//     },[
//       h('li',{},'1'),
//       h('li',{},'2'),
//       h('li',{},'3'),
//       h('li',{},'4')
//   ])

//   console.log(vNode1);

//   patch(container,vNode1);
import h from './my-snabbdom/h'
// const myvnode = h('div',{},222)
const myvnode = h('ul',{},[
    h('li',{},1),
    h('li',{},2),
    h('li',{},3),
    h('li',{},4),
   
])
patch(container,myvnode);
console.log('myvnode: ', myvnode);